.projectOverview{
  width: 100%;
  height: auto;
}

.projectOverview .header{
  padding: 10px;
  display: flex;
  background-color: #FFFFFF;
  justify-content:space-between;
  margin-bottom: 20px;
}


.projectOverview .header .right{
  margin: 20px 30px 0 0;
}

.projectOverview .header .right .is-active{
  background-color: #317df9 !important;
}

.projectOverview .header .left{
  line-height: 24px;
  min-width: 400px;
  border-right: 1px solid #eeeeee;
}

.projectOverview .header h1{
  font-weight: 700;
  font-size: 14px;
}

.projectOverview .header .hi{
  font-weight: 600;
  font-size: 12px;
  color:#444444;
}

.projectOverview .header .des{
  font-weight: 500;
  font-size:12px;
  color:#999999;
}

.projectOverview .content{
  width: 100%;
  height: calc(100vh - 230px);
}

.projectOverview .content .card1{
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  padding:auto 30px;
  width: 30%;
  height: 250px;
  border-right: 1px solid #EEEEEE;
}

.projectOverview .content .card2{
  height: 250px;
  float: left;
  box-sizing: border-box;
  width: 70%;
}

.projectOverview .content .card3{
  float:left;
  width:100%;
}